/*导航*/
body{
	font-family: "Microsoft Yahei",sans-serif;background: #f0f0f0;
}
html,body{height:100%;}
header.home
{
	width: 100%;
	background: #f7f6f4;
}
ul{margin:0;padding:0;}
li{list-style: none;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
.top-bar
{
	height: 45px;
    padding: 6px 0;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.top-bar>img
{
	height: 22px;
    margin: 5px 15px;
}
.search
{
	flex:1;
	height: 32px;
	background:#ebebeb url("../source/img/home_05.png") 5px 50% no-repeat;
	background-size: 26px;
}
.search>input
{
	outline: none;
	padding-left: 35px;
	border:none;
	background: none;
	height:100%;
	width:100%;
}
.top-info
{
	margin: 0 14px;
}
.top-info>img
{
    width: 30px;
    margin: 4px 0;
}
/*轮播*/
.swiper-container {
        width: 100%;
        height: 150px;
        margin: 20px auto;
    }
.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .swiper-slide img
    {
    	width:100%;
    	height:100%;
    }
    .page-body
    {
     	height:-moz-calc(100% - 95px);
   		height:-webkit-calc(100% - 95px);
   		height: calc(100% - 95px);
   		overflow-y: auto;
    }
    .page-body a
    {
		text-decoration: none;
    }
    /*
	商品列表
    */
    .home-select
    {
    	width: 100%;
    	margin-bottom:5px;
    	padding: 6px 0;
		display: -webkit-flex;
	    display: flex;
	    -webkit-justify-content: space-between;
	    justify-content: space-between;
	    background:#fcfbf9;
	    text-align: center;
    }
    .home-select img
    {
    	height:40px;
    }
     .home-select p
     {
     	margin:0;
     }
    /*限时促销*/
    .promotion
    {
    	background: #fff;
    }
   .promotion .header
   {
   	height:36px;
   	text-align: center;
   	padding:5px 0;
   	border-bottom: 1px solid #969696;
   	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
   }
   .promotion .dbody
   {
   	height:275px;
   	overflow-x: auto;
   	white-space: nowrap;
   }
   .promotion .header .countDown
   {
   	display: inline-block;
   	font-size:1.3rem;
   	padding-top:2px;
   }
    .promotion .header p
    {
    	float: left;
    	margin-left:10px;
    	font-size: 1.4rem;
    }
    .promotion .header p>.vertical
    {
    	height:21px;
    	background: #cc0000;
    	width:10px;
    	display: inline-block;
    }
    .promotion .header p>.tfont
    {
    	vertical-align: super;
    	margin-left: 5px;
    }
    .promotion .header i
    {
    	display: inline-block;
    	width:15px;
    	height:15px;
    	border-radius: 50%;
    	color:#fff;
    	font-size:1.5rem;
    	color:#969696;
    	font-style: normal;
    }
    .promotion .header .more
    {
    	margin-right: 10px;
    	font-size:1.2rem;
    }
    .promotion .header .countDown span
    {
    	background:#969696;
    	border-radius: 3px;
    	padding:3px 1px;
    	color:#fff;
    }
    .promotion .dbody article
    {
    	margin:10px;
    	width:100px;
    	display: inline-block;
    	text-align: center;
    }
    .promotion .dbody .trade-img
    {
		width:100%;
		height:150px;
		background-size: cover;
		background-repeat: no-repeat;
    }
    .promotion .dbody p
    {
    	margin:6px 0;
    	white-space: normal;
    }
    .promotion .dbody .now-price
    {
    	color:#ff0000;
    }
    .promotion .dbody .ori-price
    {
    	color:#969696;
    }
    .promotion .dbody .trade-name
    {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    line-clamp:2;
	    box-orient:vertical;
	    height:39px;
    }
    .footer footer
    {
/*     	display: -webkit-flex;
	    display: flex;
	    -webkit-justify-content: space-between;
	    justify-content: space-between; */
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: justify;
	    -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	    -webkit-box-align: center;
	    -moz-box-align: justify;
	    -ms-flex-align: center;
	    justify-content: space-between;
	    align-content: center;
	    width:100%;
	    
    }
    .footer footer a
    {
    	display: block;
    	-webkit-box-flex: 1;
	    -moz-box-flex: 1;
	    -webkit-flex: 1;
	    -ms-flex: 1;
	    flex: 1;
	    text-align: center;
	    box-sizing: border-box;
	    font-size: 1rem;
	    text-decoration: none;
    }
    .footer footer span
    {
    	display: inline-block;
    	background-size: cover;
    	width:30px;
    	height:30px;
        background-repeat: no-repeat;
        background-position:50%;
	    width: 20px;
	    height: 20px;
    }
    .footer footer p
    {
    	margin:2px 0;
    }
    .footer
    {
    	width: 100%;
    	box-shadow: 0 5px 10px #000;
    	padding-top:5px;
    }
    .showAd-a
    {
    }
    .showAd-a img
    {
    	width:100%;
    	height:auto;
    }
    .reco 
    {
    	text-align: center;
    }
    .reco>p
    {
    	margin:12px 0;
    	font-size:1.7rem;
    }
	.reco li
	{
		float:left;
		padding:5px;
		background:#fff;
	}
	.reco li:nth-child(2n)
	{
		width:-moz-calc(50% - 8px);
		width: -webkit-calc(50% - 8px);
		width:calc(50% - 8px);
		margin:5px 5px 5px 3px;
	}
	.reco li:nth-child(odd)
	{
		width:-moz-calc(50% - 7px);
		width: -webkit-calc(50% - 7px);
		width:calc(50% - 7px);
		margin:5px 2px 5px 5px;
	}
	.reco .trade-img
	{
		width:100%;
		height:160px;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.reco .trade-name
	{
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    line-clamp:2;
	    box-orient:vertical;
	    height:39px;
	}
	.reco .now-price
	{
		float: left;
		margin-left: 20px;
		color:#ff0000;
	}
	.reco .ori-price
	{
		float:right;
		color:#969696;
		margin-right: 20px;
	}
	/*登陆*/
	header.login-h
	{
		height:50px;
	    background: #fff;
	    text-align: center;
	    padding:10px 0;
	    box-shadow: 0px -2px 5px #000;
	}
	header.login-h div
	{
		position: relative;
	}
	header.login-h b
	{
		font-size: 1.8rem;
		color: #282828;
	}
	header.login-h .register
	{
		position: absolute;
		right:20px;
		bottom:0;
		color:#646464;
		font-size:1.5rem;
	}
    header.login-h .back
    {
        position: absolute;
        left:20px;
        bottom:-19px;
        color:#646464;
        font-size:5rem;
    }
    /*登陆框*/
	.login-in
	{
		padding:5px 10px 5px 20px;
		margin-top:10px;
		background: #fff;
		color:#9d9d9d;
	}
	.login-in span
	{
		display: inline-block;
		width:25px;
		height:25px;
	}
	.login-in input
	{
		border:none;
		height:100%;
		outline: none;
		width:100%;
		font-size: 1.7rem;
	}
/*	.login-in .phone-img
	{
		
		background-size: contain;
	}
	.login-in .password-img
	{
		background: url("../source/img/password.png") no-repeat;
		background-size: contain;
	}*/
	.login-in div
	{
		height:50px;
		padding-left: 30px;
	}
	.login-in .u-phone
	{
		background: url("../source/img/phone.png") 1px no-repeat;
		border-bottom: 1px solid #e7e7e7;
		background-size: 20px;
	}
	.login-in .u-password
	{
		background: url("../source/img/password.png") 1px no-repeat;
		background-size: 20px;
	}
	.forget-pwd
	{
		text-align: center;
		margin:10px 0;
	}
	.forget-pwd a
	{
		color: #9d9d9d;
	}
	.login-btn
	{
		text-align: center;
	}
	.login-btn button
	{
		width: 80%;
		padding:10px 0;
		background: #cc0000;
		color:#fff;
		border:none;
		border-radius: 4px;
		font-size: 1.5rem;
	}
	/*注册*/
	.argee
	{
		text-align: center;
		margin:10px 0;
	}
	.argee input
	{
		vertical-align: top;
		margin-right:2px;
	}
	.login-in .u-vercode
	{
		background: url("../source/img/ver_code.png") -3px no-repeat;
		background-size: 28px;
		position: relative;
		border-bottom: 1px solid #e7e7e7;
	}
	.login-in .u-vercode button
	{
		height: 80%;
		top:5px;
		width:95px;
		background:#cc0000;
		color:#fff;
		border:none;
		border-radius: 4px;
		font-size: 1.5rem;
		position: absolute;
		right:10px;
	}
	.login-in .u-vercode input
	{
		padding-right: 110px;
	}
	.login-in .b-bottom
	{
		border-bottom: 1px solid #e7e7e7;
	}
	.reg-log-prompt
	{
		position: fixed;
		width:50%;
		left:25%;
		top:100px;
		padding:20px 10px;
        text-align: center;
        font-size: 2rem;
        display:none;
        color:#fff;
		background: rgba(80, 253, 34, 0.5);
	}
    /*分类*/
    .classify-list{
        float:left;
        width:70px;
        text-align: center;
        color:#646464;
        height:100%;
        overflow: auto;
    }
    .classify-list ul li
    {
        border-bottom:1px solid #e7e7e7;
        padding:10px 0;
        position: relative;
    }
    .classify-container
    {
        margin-left:70px;
        height:100%;
        overflow: auto;
    }
    .classify-content
    {
        padding:10px;
        background: #fff;
    }
    .left-selected
    {
        background: #fff;
    }
    .left-selected:before{
        content:"";
        width:5px;
        position: absolute;
        background:#cc0000;
        height:100%;
        left:0;
        top:0;
    }
    .classify-content .list dt
    {
        background: #f0f0f0;
        margin:10px 0;
        padding:5px 20px;
        position:relative;
    }
.classify-content .selected-a:before
{
    content:"";
    width:5px;
    position: absolute;
    background:#cc0000;
    height:100%;
    left:0;
    top:0;
}
.classify-content .selected-b:before
{
    content:"";
    width:5px;
    position: absolute;
    background:#e4007f;
    height:100%;
    left:0;
    top:0;
}
.classify-content .selected-c:before
{
    content:"";
    width:5px;
    position: absolute;
    background:#ff8124;
    height:100%;
    left:0;
    top:0;
}
.classify-content .list li
{
    float: left;
    width:33.33%;
    margin:10px 10px;
}
.classify-content .list dd
{
    text-align: center;
    width:31.933%;
    display: inline-block;
    margin:5px 0;
}
/*商品列表*/
.sort ul{
    margin-top:3px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    background: #fff;
    color:#404040;
}
.sort li
{
    padding:10px 0;
}
.sort li .glyphicon
{
    font-size:5px;
    color:#969696;
}
.commodity-list
{
    margin-top:10px;
}
.commodity-list li
{
    float:left;
    width:50%;
}
.commodity-list li:nth-child(even)
{
    padding:0 10px 10px 5px;
}
.commodity-list li:nth-child(odd)
{
    padding:0 5px 10px 10px;
}
.commodity-list .commodity-body
{
    background:#fff;
    padding:10px;
}
.commodity-list .commodity-img
{
    width:100%;
/*    min-height:150px;
    background:center no-repeat ;
    background-size: cover;*/
}
.commodity-list .title
{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp:2;
    box-orient:vertical;
    height:39px;
    margin:5px 0;
}
.commodity-list .price
{
    text-align: center;
    margin:0;
}
.commodity-list .now-price
{
    float:left;
    color:#cc0000;
}
.commodity-list strike
{
    color:#c8c8c8;
}
